<!-- 头部组件 -->
<!-- <app-header></app-header> -->
<!-- 新闻组件 -->
<!-- <app-news></app-news> -->
<!-- 表单组件 -->
<!-- <app-form></app-form> -->
<!-- 模拟搜索 -->
<!-- <app-search></app-search> -->
<!-- todolist -->
<!-- <app-todolist></app-todolist> -->
<!-- ViewChild -->
<!-- <app-viewchild></app-viewchild> -->
<!-- 组件通信 -->
<!-- <app-component></app-component> -->
<!-- 生命周期函数 -->
<!-- <app-lifefn></app-lifefn> -->
<!-- RxJS -->
<!-- <app-rxjs></app-rxjs> -->
<!-- 网络请求 -->
<!-- <app-network></app-network> -->
<!-- axios -->
<!-- <app-axios></app-axios> -->
<div>
  <!-- <h2>hello Angular</h2> -->
</div>


<!-- 路由跳转 -->
<ul>
  <li>
    <a [routerLink]="[ '/home' ]">首页（ToDoList）</a>
  </li>
  <li>
    <!-- 路由活跃时的样式 -->       <!-- routerLinkActive="路由激活时新增的属性，在CSS中编写对应样式" -->
    <a [routerLink]="[ '/home' ]" routerLinkActive="myactive">首页（ToDoList）</a>
  </li>
  <li>
    <a [routerLink]="[ '/routermain' ]">路由（routermain）</a>
  </li>
  <li>
    <a [routerLink]="[ '/router', '我是数据' ]">动态路由传参---params</a>
  </li>
  <li>
    <a [routerLink]="[ '/routerget']" [queryParams]="{myid:1,name:'张三'}">get路由传参---queryParams</a>
  </li>
</ul>
<!-- 相当于Vue中的router-view标签 -->
<router-outlet></router-outlet>
